
/*----------colorpiker-----------*/

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(https://zixis.googlecode.com/svn/trunk/css/images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}


/*------------------------*/
#zixys-main-menu{
	width:100%;
	z-index:999999;
	position:fixed;
	bottom:0px;
	height:1px;
}

#zixys-main-menu #zixys-wrap{
	height:120px;
	width:960px;
	background:#656565;
	border:1px solid #a0a0a0;
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
	top:-121px;
	border-radius:9px 9px 0 0;
	box-shadow:0 0 8px #888888;
	background-image: -moz-linear-gradient(bottom, #999 0%, #ddd 100%); /* FF3.6+ */
	background-image: -webkit-linear-gradient(bottom, #999 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(bottom, #999 0%, #ddd 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #999 0%, #ddd 100%); /* IE10+ */
	background-image: linear-gradient(bottom, #999 0%, #ddd 100%); /* W3C */
	
/*
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;	
*/
}

#zixys-main-menu * {
	margin:0;
	padding:0;
	font-family:arial;
	font-weight:normal;
	font-style:none;
	font-size:14px;
	text-transform:capitalize;
}

#zixys-main-menu input[type="text"] {
	border:1px solid #444;
	width:80px;
	margin:0 5px 0 0;
	padding:1px 0 0 2px;
	font-size:12px;
	background:#fff;
	color:#000;
	box-shadow:2px 1px 2px #888888 inset;
	border-radius:3px;
	text-transform:none;
}

#zixys-main-menu #zixys-gFirstColor,
#zixys-main-menu #zixys-gSecColor,
#zixys-main-menu #zixys-marker-input-color,
#zixys-main-menu #zixys-sh-color
{
	width:55px;
	float:left;
}

#zixys-main-menu #zixys-fcolor-prev,
#zixys-main-menu #zixys-scolor-prev,
#zixys-main-menu #zixys-marker-colorprev,
#zixys-main-menu #zixys-sh-colprev
{
	float:left;
	width:16px;
	height:16px;
	font-size:0;
	line-height:15px;
	border:1px solid #444;
	background:#fff;
	box-shadow:2px 2px 2px #222;
}

#zixys-main-menu  .zixys-menu-block {
	float:left;
	width:170px;
}

#zixys-main-menu  .zixys-template-block,
#zixys-main-menu  .zixys-template-action {
	float:left;
	width:100px;
	padding:3px 5px 0;
	position:relative;
	text-align:center;
}
#zixys-main-menu  .zixys-template-action {
	float:right;
}

#zixys-main-menu  #zixys-presets,
#zixys-main-menu  #zixys-gradient-apply,
#zixys-main-menu  #zixys-gradient-revert,
#zixys-main-menu  .zixys-template-action input
{
	font-size:12px;
	padding:0;
	line-height:18px;
	text-align:center;
	cursor:pointer;
	width:65px;
	height:21px;
	border:1px solid #666;
	border-radius:6px;
	margin: 0 0 5px 0;
}

#zixys-main-menu #zixys-preset-window {
	display:none;
	position:absolute;
	width:400px;
	height:200px;
	top:-200px;
	left:-297px;
	overflow:auto;
	padding:2px;
	background:#efefef;
	border:1px solid #666;
	border-radius:6px;
	box-shadow:2px 2px 9px #666;
	
}

#zixys-main-menu #zixys-preset-window .zixys-preset-sample {
	width:50px;
	height:50px;
	float:left;
	border:1px solid #666;
	margin:1px;
	border-radius:3px;
}
/*
#zixys-main-menu #zixys-gradient-apply {
	margin-top:20px;
	width:80px;
	height:30px;
	cursor:pointer;
	background:-moz-linear-gradient(center top , #F2F6F8 0%, #D8E1E7 50%, #B5C6D0 51%, #E0EFF9 100%) repeat scroll 0 0 transparent;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	color:#222;
	border-radius:6px;
}
*/

#zixys-main-menu .zixys-menu-gpreview-wrap{
	padding:3px 0 0 20px;
	float:left;
	width:320px;
}

#zixys-main-menu #zixys-gradient-scroller{
	position:relative;
	height:14px;
	float:left;
	width:300px;
	border:1px solid #666;
	margin:4px 0 0 0;
	box-shadow:0px 0px 2px #444444 inset;
}

#zixys-main-menu #zixys-gradient-scroller .zixys-marker{
	width:1px;
	height:20px;
	border-left:1px solid #000;
	position:absolute;
	top:0;
}

#zixys-main-menu #zixys-gradient-scroller .zixys-marker-color{
	height: 15px;
    left: -6px;
    position: absolute;
    top: 5px;
    width: 9px;
	border:1px solid #444;
	background:#fff;
	border-radius:6px 6px 0 0;
	box-shadow:1px 1px 2px #444444;
}

#zixys-main-menu #zixys-gradient-scroller .zixys-selected-marker .zixys-marker-color{
	border:1px solid #fff;
}

#zixys-main-menu .zixys-input-box {
	padding:3px 0;
	float:left;
	width:inherit;
}

#zixys-main-menu .zixys-menu-label {
	width:70px;
	float:left;
	padding:0 7px 0 4px;
	margin:0;
	font-size:12px;
	font-family:arial;
	color:#222;
	line-height:20px;
	text-align:right;
	text-shadow:1px 1px #cdcdcd;
}

#zixys-main-menu input[type="text"].zixys-disabled-input {
	background:#ccc;
}

#zixys-main-menu .zixys-radio-label,
#zixys-main-menu .zixys-radio-label-first {
	padding:0 7px 0 12px;
	margin:0;
	font-size:12px;
	font-family:arial;
	color:#222;
	line-height:20px;
	text-align:right;
	text-shadow:1px 1px #cdcdcd;
}

#zixys-main-menu .zixys-radio-label-first  {
	padding:0 7px 0 48px; 
}

#zixys-main-menu #zixys-tab-wrap {
	height:27px;
	border-bottom:1px solid #a0a0a0;
	margin:0 0 5px 0;
	padding:3px 0 0 5px;
	border-radius : 14px 14px 0 0;
	background-image:-moz-linear-gradient(-180deg, #FFFFFF 1px, #E5EAF5 8px, #D3DAED 2px, #E1E6F6 19px);	
	background-image: -webkit-linear-gradient(-180deg, #FFFFFF 1px, #E5EAF5 8px, #D3DAED 2px, #E1E6F6 19px); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(-180deg, #FFFFFF 1px, #E5EAF5 8px, #D3DAED 2px, #E1E6F6 19px); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(-180deg, #FFFFFF 1px, #E5EAF5 8px, #D3DAED 2px, #E1E6F6 19px); /* IE10+ */
	background-image: linear-gradient(-180deg, #FFFFFF 1px, #E5EAF5 8px, #D3DAED 2px, #E1E6F6 19px); /* W3C */
}

#zixys-main-menu #zixys-tab-wrap span {
	float:left;
	border:1px solid #ccc;
	padding:3px 13px;
	line-height:19px;
	margin:0 8px 0 0;
	cursor:pointer;
	color:#444;
	text-decoration:none;
	font-size:12px;
	text-shadow:1px 1px 0 #FFFFFF;
	outline:none;
	height:19px;
	border-radius:6px 6px 0 0;
	background-image:-moz-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px);
	background-image: -webkit-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* IE10+ */
	background-image: linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* W3C */	
}

#zixys-main-menu #zixys-tab-wrap span.zActive {
	box-shadow:1px 1px 2px #000000 inset;
	border:1px solid #FFFFFF;
	line-height:20px;
	padding-top:4px;
	border-bottom:none;
	background-image:-moz-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px);
	background-image: -webkit-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* IE10+ */
	background-image: linear-gradient(-90deg, #FFFFFF 7px, #E5EAF5 12px, #D3DAED 12px, #E1E6F6 19px); /* W3C */
	
}

#zixys-main-menu #zixys-gradient-tab {
	padding:0;
}

#zixys-main-menu #zixys-gradient-preview{
	width:300px;
	height:30px;
	float:left;
	border:1px solid #666;
	box-shadow:1px 1px 2px #555555;
}

#zixys-main-menu #zixys-remove-marker, 
#zixys-main-menu #zixis-sh-addShadow,
#zixys-main-menu #zixis-sh-removeShadow
{
	float:right;
	font-size:11px;
	height:21px;
	padding:0 5px;
	text-transform:capitalize;
	border:1px solid #666;
	border-radius:6px;
}

#zixys-main-menu #zixis-sh-addShadow,
#zixys-main-menu #zixis-sh-removeShadow{
	width:140px;
}

body .zixys-hovered-item {
	box-shadow:0 0 0 1px #f00 inset, 0 0 10px #f00!important;
}

#zixys-selector-tab,
#zixys-gradient-tab,
#zixys-shadow-tab,
#zixys-corner-tab,
#zixys-source-tab
{
	display:none;
	height:83px;
}


#zixys-main-menu .zVisible {
	display:block!important;
}

#zixys-main-menu input[type="text"].zxyMinInpt {
	float:left;
	width:16px;
	margin-right:1px;
}

#zixys-main-menu div.zixys-source-area{
	padding: 0 0 0 5px;
	width:600px;
}

#zixys-main-menu div.zixys-source-area #zixys-src-text{
	width:100%;
	height:78px;
	font-family:"Courier New";
	font-size:11px;
}


/*select tab */

#zixys-main-menu em#zixys-select-button{
	float:left;
	width:20px;
	height:20px;
	border-top:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	margin:2px 19px 0 16px;
	border-radius:4px;
	box-shadow:0 0 0 1px #666666;
	background-image:linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background-image: -o-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background-image: -webkit-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background-image: -ms-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);	
}

#zixys-main-menu em#zixys-select-button em {
	width:20px;
	height:20px;
	float:left;
	background:url(https://zixis.googlecode.com/svn/trunk/css/images/cursor.png) no-repeat center center;
}

#zixys-main-menu  em#zixys-select-button.zixys-sbutton-pressed {
	/*background:-moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 52%, #b5c6d0 53%, #e0eff9 100%);*/
	border-top:none;
	border-left:none;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	box-shadow:-1px -1px 0 1px #666666,	
				1px 1px 3px #888 inset;
	
}

#zixys-pointer{
	position:absolute;
	background:rgb(0,0,256,0.2);
	box-shadow:0 0 0 1px #f00 inset, 0 0 5px 2px #f00; 
}

#zixys-main-menu  .zixis-small {
	width:110px;
}

#zixys-main-menu  .zixis-small .zixys-menu-label{
	text-align:left;
}

#zixys-main-menu  .zixis-small #zixys-el-link{
	text-align:let;
	color:#00f;
	width:auto;
}

/*------------------------*/












